/* ----------------------------------------------------------------------------------------------------------

Output device: screen, projection

Author:     Nuvio (www.nuvio.cz)
Update:     2008-07-29, 18:30 GMT+1
Version:    2.2.6 (2008-07-13, 14:28 GMT+1)

Structure:
display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

Content:

1) HTML tags
2) HTML styles
3) Layout
4-1) Page: Homepage
5) Others

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {
    background:url("../design/bg.gif") 0 0 repeat-x;
    font:0.8em/1.5 "arial", sans-serif;





}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

ul.ul-01 {
    margin:15px 0px;
    list-style:none;}
ul.ul-01 li {
    padding:2px 0 2px 25px;
    background:url("../design/ul-01.gif") 0 50% no-repeat;
    font-size:85%;}

ul.ul-list {
    margin:15px 0px;
    list-style:none;
}
ul.ul-list li {
    padding:1px 0;
}
ul.ul-list span.date {
    padding-right:10px;
}

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#page {
    width:960px;
    margin:0 auto;
    overflow:hidden;
    min-height:500px;
    height:auto !important;
    height:500px;

}

#header {
    position:relative;
    /*    height:90px; */
    padding:30px 20px 26px 20px;
    z-index:500;
}
#dropdownmenu{
    clear: both;
    display:block;
    float:left;
    height:30px;
    position:relative;
    z-index: 1000 !important;
}

#logo {position:relative;float:left;margin:0;}

#holder1 {
    height:100px;
    position:relative;
}


#brand {
    float:left;
    width:40%;
    position:relative;
}

#main {
    position:relative;
}
#nav-utility {position:relative;margin:0;
    font:bold 85%/1 "tahoma",sans-serif;
    color:black;
    float:right;
    width:48%;
}
#nav-utility{
    padding-top:10px;
}
#nav-utility ul {
    list-style:none;
    cursor: default;
    list-style-type: none;
    display: inline;

}
#nav-utility  li {  
    padding:0px 0px 5px 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    text-align:right;

}
#nav-utility ul {
    text-align:right;
}


#nav {position:absolute; top:80px; right:20px; margin:0;}
#nav span {margin:0 8px;}
#nav #nav-active {font-weight:bold; text-decoration:none;}


div#tray {
    position:relative;
    width:960px;
    /*    height:25px; */
    /*    background:url("../design/tray.gif") 0 0 no-repeat; */
    /*            overflow:hidden; */
    font:bold 100% "tahoma",sans-serif;
    float:left;
    line-height:12.8px;
}

/* --------------------- */


/*Nav bar styles*/

ul.nav,
.nav ul{
    margin: 0;
    padding: 0;
    cursor: default;
    list-style-type: none;
    display: inline;
}

ul.nav{
    display: table;
}

ul.block{
    width: 100%;
    table-layout: fixed;
}

ul.nav>li{
    display: table-cell;
    position: relative;
    padding: 2px 6px;
}
/*
ul.nav>li:hover{
padding-right: 1px;
}*/

ul.nav li>ul{
    display: none;
    position: absolute;
    max-width: 40ex;
    /*    margin-left: -6px; */
    margin-left: 0px;
    margin-top: 2px;
}

ul.nav li:hover>ul{
    display : block;
}

.nav ul li a{
    display: block;
    padding: 2px 10px;
}

/*Menu styles*/

ul.nav,
.nav ul,
.nav ul li a{
    background-color: #fff;
    color: #369;
}

ul.nav li:hover,
.nav ul li a:hover{
    background-color: #369;
    color: #fff;
}

ul.nav li:active,
.nav ul li a:active{
    background-color: #036;
    color: #fff;
}

ul.nav,
.nav ul{
    border: 1px solid #369;
}

.nav a{
    text-decoration: none;
}
/* --------------------- */


#footer {clear:both; padding:20px 20px 40px 20px; font-size:85%;}
#footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
Flyouts
---------------------------------------------------------------------------------------------------------- */

img.ReportImage{
    height:70px;
}


/***** General formatting only ****/
/**************** menu coding *****************/

/*

#menu {
width: 100%;
background: none;
float: left;
font:bold 100% "tahoma",sans-serif;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width:10em;
float: left;
}


#menu li {
text-align:center;

}

#menu>ul>li>a {
color:#336699;
background:white;
font:bold 100% "tahoma",sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
text-transform:uppercase;
}


#menu>ul>li>ul>li>a, #menu>ul>li>ul>li>ul>li>a
, #menu h2 {
font:bold 100% "tahoma",sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color:#336699;
background:white;
text-transform: uppercase;
}

#menu h2:hover {
background:silver;
}
#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: white;
background: gray;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}



div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

*/
/*
ul.menu_az_col2{
left:156px !important;  
top:16px !important;  
}
*/

/*
ul.menu_az_col1, ul.menu_az_col2,
ul.menu_az_col1 li:hover, ul.menu_az_col1 li,
ul.menu_az_col2 li:hover, ul.menu_az_col2 li,
ul.menu_az_col1 li:hover a, ul.menu_az_col1 li a,
ul.menu_az_col2 li:hover a, ul.menu_az_col2 li a  {
font-size:9px !important;
font-family:sans-serif        !important;
font-weight:normal !important;

width:20px !important;
}
ul.menu_az_col1 li:hover a, ul.menu_az_col1 li a,
ul.menu_az_col2 li:hover a, ul.menu_az_col2 li a{
padding-top:1px  !important;
padding-bottom:1px  !important;
}
*/
